// 注册业务
const btnRegister = document.querySelector('#btn-register')
const form = document.querySelector('.register-form')

btnRegister.addEventListener('click', async function () {
  // 获取用户名和密码
  const data = serialize(form, { hash: true, empty: true })
  const { username, password } = data
  // 验证用户名 不合法 提示用户
  if (username.length < 8 || username.length > 30) {
    return showToast('用户名是8-30位')
  }
  // 验证密码 不合法 提示用户
  if (password.length < 6 || password.length > 30) {
    return showToast('密码是6-30位')
  }
  // 提交用户名和密码到服务端
  const res = await axios.post('/register', data)
  const { message } = res
  // 提示
  showToast(message)
})